<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Genius</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>
    <div class="header">
        <nav class="navbar navbar-expand-lg navbar-light">
            <div class="container">
                <div class="nav-left">
                    <img src="img/nav-logo.png" alt="">
                </div>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="nav-right"></div>
                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <ul class="navbar-nav mr-auto">
                        <li class="nav-item active">
                            <a class="nav-link" href="#" style="color:#f68a2f;">HOME<span class="sr-only one">(current)</span></a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link"  id="ids" href="#">ABOUT US</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link"  id="ids-1" href="#">SERVICES</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link"  id="ids-2" href="#">COURSES</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link"  id="ids-3" href="#">PRICING</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link"  id="ids-4" href="#">CONTACT</a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
    </div>
    <div class="banner">
        <img src="img/banner.png" alt="">
        <div class="button">
            <a href="">Read More</a>
        </div>
    </div>
    <div class="main">
        <div class="main-1 pt-4">
            <div class="container text-center">
                <div class="row">
                    <div class="col-md-12">
                        <h2>Our Courses</h2>
                        <p>Lorem ipsum sit amet,consectetur adisicing elit.Dolores quae porro consequatur aliquam,incidunt eius magni provident,doloribus omnis minus temporibus
                        perferendis nesclunt quam repellendus nulla nemo ipsum odit corrupti consequuntur possimus.</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="main-2">
            <div class="main-2-top pt-5">
                <div class="container">
                    <div class="row">
                        <div class="col-md-1">
                            <img src="img/main-2-top-btn.png" alt="">
                        </div>
                        <div class="col-md-3">
                            <h3>Mobile Dey</h3>
                            <p>Backed by some of the biggest names
                            in the industry,Firefox OS is an open
                            platform that fosters greater</p>
                        </div>
                        <div class="col-md-1">
                            <img src="img/main-2-top-btn.png" alt="">
                        </div>
                        <div class="col-md-3">
                            <h3>Communication</h3>
                            <p>Backed by some of the biggest names
                                in the industry,Firefox OS is an open
                                platform that fosters greater</p>
                        </div>
                        <div class="col-md-1">
                            <img src="img/main-2-top-btn.png" alt="">
                        </div>
                        <div class="col-md-3">
                            <h3>Computers</h3>
                            <p>Morbi vitae tortor tempus,placerat leo
                            et,suscipit lectus,Phasellus ut
                            euismod massa,eu eleifend ipsum.</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="main-2-bottom pt-5">
                <div class="container">
                    <div class="row">
                        <div class="col-md-1">
                            <img src="img/main-2-top-btn.png" alt="">
                        </div>
                        <div class="col-md-3">
                            <h3>Finance</h3>
                            <p>Morbi vitae tortor tempus,placerat leo
                                et,suscipit lectus,Phasellus ut
                                euismod massa,eu eleifend ipsum.</p>
                        </div>
                        <div class="col-md-1">
                            <img src="img/main-2-top-btn.png" alt="">
                        </div>
                        <div class="col-md-3">
                            <h3>Maths</h3>
                            <p>Morbi vitae tortor tempus,placerat leo
                                et,suscipit lectus,Phasellus ut
                                euismod massa,eu eleifend ipsum.</p>
                        </div>
                        <div class="col-md-1">
                            <img src="img/main-2-top-btn.png" alt="">
                        </div>
                        <div class="col-md-3">
                            <h3>Development</h3>
                            <p>Morbi vitae tortor tempus,placerat leo
                                et,suscipit lectus,Phasellus ut
                                euismod massa,eu eleifend ipsum.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="main-3 mt-5">
            <div class="main-3-top pt-5">
                <div class="container text-center">
                    <div class="row">
                        <div class="col-md-12">
                            <h2>Our Students</h2>
                            <p>Lorem ipsum sit amet,consectetur adisicing elit.Dolores quae porro consequatur aliquam,incidunt eius magni provident,doloribus omnis minus temporibus
                                perferendis nesclunt quam repellendus nulla nemo ipsum odit corrupti consequuntur possimus.</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="main-3-bottom pb-5">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6">
                            <img src="img/main-3-bottom-img.png" alt="" class="img1">
                        </div>
                        <div class="col-md-6">
                            <p>Lorem ipsum dolor sit amet,cadipisicing sit amet,consectetur adipisicing elit Atque
                            sed,quidem quis praesentium,ut unde error commodi architecto,oribus
                            omnis minus temporibus perferendis nesciunt quam repellendus nulla nwmo ipsum
                            odit corrupti consequuntur possimus,vero mollitia velit ad consectetur,Alias,
                            labortum excepturi nihil autem nemo numquarm,ipsa arvhitecto non,magni
                            consequuntlaudantium culpa tenetur at id,beatae pet.</p>
                            <p>Lorem ipsum dolor sit amet,cadipisicing sit amet,consectetur adipisicing elit,adipisicing sit amet,
                            consectetur adipisiving elit,Atque sed,quidem quis praesentium,m deserunt.</p>
                            <p><a href=""><img src="img/main-3-bottom-btn.png" alt=""></a> <a href="" class="a1">Lorem ipsum enimdolor sit amet</a></p>
                            <p><a href=""><img src="img/main-3-bottom-btn.png" alt=""></a> <a href="" class="a1">Explicabo deleniti neque aliquid</a></p>
                            <p><a href=""><img src="img/main-3-bottom-btn.png" alt=""></a> <a href="" class="a1">Consectetur adipisicing elit</a></p>
                            <p><a href=""><img src="img/main-3-bottom-btn.png" alt=""></a> <a href="" class="a1">Lorem ipsum dolor sit amet</a></p>
                            <p><a href=""><img src="img/main-3-bottom-btn.png" alt=""></a> <a href="" class="a1">Quo issimos molest quicusdam temporibus</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="main-4 pt-5">
            <div class="main-4-top">
                <div class="container text-center">
                    <div class="row">
                        <div class="col-md-12">
                            <h2>Our Events</h2>
                            <p>Lorem ipsum sit amet,consectetur adisicing elit.Dolores quae porro consequatur aliquam,incidunt eius magni provident,doloribus omnis minus temporibus
                                perferendis nesclunt quam repellendus nulla nemo ipsum odit corrupti consequuntur possimus.</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="main-4-bottom pt-5">
                <div class="container">
                    <div class="row">
                        <div class="col-md-4">
                            <a href=""><img src="img/main-4-bottom-img1.png" alt=""></a>
                            <p class="p"><a href="">Feb</a></p>
                            <p>LOREM IPSUM DOLOR OR SIT AMET,CONSECTETUR
                            ADIPIS.</p>
                        </div>
                        <div class="col-md-4">
                            <a href=""><img src="img/main-4-bottom-img2.png" alt=""></a>
                            <p class="p"><a href="">March</a></p>
                            <p>APSUM DOLOR SIT AMET,CONSECTETUR
                            ADIPISDSLIF.</p>
                        </div>
                        <div class="col-md-4">
                            <a href=""><img src="img/main-4-bottom-img3.png" alt=""></a>
                            <p class="p"><a href="">April</a></p>
                            <p>DOLOR SIT AMET,CONSECTETUR ADIPISIC INDFEFT</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="main-5 pt-5">
            <div class="main-5-top ">
                <div class="container text-center">
                    <div class="row">
                        <div class="col-md-12">
                            <h2>Campus Placement</h2>
                            <p>Lorem ipsum sit amet,consectetur adisicing elit.Dolores quae porro consequatur aliquam,incidunt eius magni provident,doloribus omnis minus temporibus
                                perferendis nesclunt quam repellendus nulla nemo ipsum odit corrupti consequuntur possimus.</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="main-5-bottom">
                <div class="container">
                    <div class="row">
                        <div class="col-md-2">
                            <a href=""><img src="img/main-5-bottom-img1.png" alt="" class="img1"></a>
                        </div>
                        <div class="col-md-2">
                            <a href=""><img src="img/main-5-bottom-img2.png" alt="" class="img2"></a>
                        </div>
                        <div class="col-md-2">
                            <a href=""><img src="img/main-5-bottom-img3.png" alt="" class="img3"></a>
                        </div>
                        <div class="col-md-2">
                            <a href=""><img src="img/main-5-bottom-img1.png" alt="" class="img1"></a>
                        </div>
                        <div class="col-md-2">
                            <a href=""><img src="img/main-5-bottom-img2.png" alt="" class="img2"></a>
                        </div>
                        <div class="col-md-2">
                            <a href=""><img src="img/main-5-bottom-img3.png" alt="" class="img3" ></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer pt-5">
        <div class="footer-top">
            <div class="container">
                <div class="row">
                    <div class="col-md-3">
                        <ul class="nav1">
                            <li><h5>Our Contact</h5></li>
                            <li><h5>Target company Inc</h5></li>
                            <li>Jc Main Road,Near Sinile tower</li>
                            <li>Pin-21542 NewYour US.</li>
                            <li>（123）456-789-1255-12584</li>
                            <li>email@domainname.com</li>
                        </ul>
                    </div>
                    <div class="col-md-2">
                        <ul class="nav1">
                            <li><h5>Quick Links</h5></li>
                            <li><a href="">Latest Events</a></li>
                            <li><a href="">Terms and conditions</a></li>
                            <li><a href="">Privacy policy</a></li>
                            <li><a href="">Career</a></li>
                            <li><a href="">Contact us</a></li>
                        </ul>
                    </div>
                    <div class="col-md-1"></div>
                    <div class="col-md-3">
                        <ul class="nav1">
                            <li><h5>Latest posts</h5></li>
                            <li><a href="">Lorem ipsum dolor sit amet,</a></li>
                            <li><a href="">consectetur adipiscing elit.</a></li>
                            <li><a href="">Pesellentesque et pulvinar enim.Quisque</a></li>
                            <li><a href="">at tempor ligula</a></li>
                            <li><a href="">Natus error sit voluptatem accusantium</a></li>
                            <li><a href="">doloremque</a></li>
                        </ul>
                    </div>
                    <div class="col-md-3">
                        <ul class="nav1">
                            <li><h5>Recent News</h5></li>
                            <li><a href="">Lorem ipsum dolor amet,</a></li>
                            <li><a href="">consectetur adipiscing elit.</a></li>
                            <li><a href="">Pelle ntesque et pulvinar erim.Quisque</a></li>
                            <li><a href="">at tempor ligula</a></li>
                            <li><a href="">Natus error sit voluptatem accusntium</a></li>
                            <li><a href="">doloremque</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-bottom">
            <div class="container">
                <p>Copyright &copy .Company All rights reserved.</p>
            </div>

        </div>
    </div>
</body>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</html>